<<<<<<< HEAD:src/views/lingyang.vue
<template>
    <div class="center">
    
    <el-breadcrumb separator-class="el-icon-arrow-right" >
    <el-breadcrumb-item :to="{ path: '/' }" >首页</el-breadcrumb-item>
    <el-breadcrumb-item >供求信息</el-breadcrumb-item>
    <el-breadcrumb-item >猫猫领养</el-breadcrumb-item>
    <el-breadcrumb-item >狗狗领养</el-breadcrumb-item>

    </el-breadcrumb>
    <div class="a2">
    <div>
    <div class="a">猫狗领养</div>
    <span >领养代替购买，让流浪的宠物猫咪、狗狗重新拥有个家!</span>
    </div>
    <el-button class="b" @click="goPublic">发布</el-button>
   
    
    </div>
    <div class="d">
    <el-row>
    <el-button type="warning">全部</el-button>
    <el-button>求</el-button>
    <el-button>供</el-button>
    </el-row>   
    <div class="c">
    <i class="el-icon-add-location"></i>全部</div>
    </div>
    <img src="../assets/b2-page-empty.svg" alt="">


   
</div>

   
    
</template>

<script>
    export default {
        methods: {
            goPublic(){
            this.$router.push('/public');
        },
        },
    }
</script>

<style lang="scss" scoped>
.center{
    width: 1200px;
    margin: 0 auto;
    position: relative;
}
.a{
    margin: 20px 0px 10px;
    font-size: 25px;
    font-weight: 500;}
.a2{
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 40px;
}
.b{
    width: 60px;
    height: 40px;
    border-radius: 4px;
    background-color: orange;
    color: white;
    border: none;
    
}
.c{
    font-size: 18px;
    color: orange;
    margin-right: 15px;
    margin-top: 20px;
    
}
.d{
    display: flex;
    justify-content: space-between;
    
}
img{
    width: 500px;
    position:absolute;
    top: 300px;
    left:300px;
}
</style>
=======
<template>
    <div class="center">
    
    <el-breadcrumb separator-class="el-icon-arrow-right" >
    <el-breadcrumb-item :to="{ path: '/' }" >首页</el-breadcrumb-item>
    <el-breadcrumb-item >供求信息</el-breadcrumb-item>
    <el-breadcrumb-item >猫猫领养</el-breadcrumb-item>
    <el-breadcrumb-item >狗狗领养</el-breadcrumb-item>

    </el-breadcrumb>
    <div class="a2">
    <div>
    <div class="a">猫狗领养</div>
    <span >领养代替购买，让流浪的宠物猫咪、狗狗重新拥有个家!</span>
    </div>
    <el-button class="b" @click="goPublic">发布</el-button>
   
    
    </div>
    <div class="d">
    <el-row>
    <el-button type="warning">全部</el-button>
    <el-button>求</el-button>
    <el-button>供</el-button>
    </el-row>   
    <div class="c">
    <i class="el-icon-add-location"></i>全部</div>
    </div>
    <img src="../assets/b2-page-empty.svg" alt="">


   
</div>

   
    
</template>

<script>
    export default {
        methods: {
            goPublic(){
            this.$router.push('/public');
        },
        },
    }
</script>

<style lang="scss" scoped>
.center{
    width: 1200px;
    margin: 0 auto;
    position: relative;
}
.a{
    margin: 20px 0px 10px;
    font-size: 25px;
    font-weight: 500;}
.a2{
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 40px;
}
.b{
    width: 60px;
    height: 40px;
    border-radius: 4px;
    background-color: orange;
    color: white;
    border: none;
    
}
.c{
    font-size: 18px;
    color: orange;
    margin-right: 15px;
    margin-top: 20px;
    
}
.d{
    display: flex;
    justify-content: space-between;
    
}
img{
    width: 500px;
    position:absolute;
    top: 300px;
    left:300px;
}
</style>
>>>>>>> 8eb69d4f0c05357cc3dc470acb8d3b966aafb729:src/views/Lingyang.vue
